/*
 * 工具样式
 * 浮动、清除浮动、宽高、字体大小、颜色、背景颜色、内容轮廓
 */

/* ==========内容轮廓========== */
// PC内容外部轮廓
.container-outer {
  max-width: 1920px;
  min-width: 1280px;
  width: 100%;
  margin: auto;
  padding: 0;
  overflow: hidden;
}

// PC内容内部轮廓
.container-inner {
  width: 1280px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

/* ======== 左右浮动与清除浮动 ======== */
.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  *zoom: 1;
}

.clearfix:after {
  clear: both;
  overflow: hidden;
  content: "";
  display: block;
  height: 0;
}

/* ==============宽度、高度=============== */
.width100 {
  width: 100% !important;
}

.width90 {
  width: 90% !important;
}

.width80 {
  width: 80% !important;
}

.width70 {
  width: 70% !important;
}

.width60 {
  width: 60% !important;
}

.width50 {
  width: 50% !important;
}

.width40 {
  width: 40% !important;
}

.width30 {
  width: 30% !important;
}

.width20 {
  width: 20% !important;
}

.width10 {
  width: 10% !important;
}

.wid560 {
  width: 560px !important;
}

.wid480 {
  width: 480px !important;
}

.wid360 {
  width: 360px !important;
}

.wid240 {
  width: 240px !important;
}

.wid180 {
  width: 180px !important;
}

.wid150 {
  width: 150px !important;
}

.wid120 {
  width: 120px !important;
}

.wid90 {
  width: 90px !important;
}

.wid60 {
  width: 60px !important;
}

.wid30 {
  width: 30px !important;
}

.height100 {
  height: 100% !important;
}

.height90 {
  height: 90% !important;
}

.height80 {
  height: 80% !important;
}

.height70 {
  height: 70% !important;
}

.height60 {
  height: 60% !important;
}

.height50 {
  height: 50% !important;
}

.height40 {
  height: 40% !important;
}

.height30 {
  height: 30% !important;
}

.height20 {
  height: 20% !important;
}

.height10 {
  height: 10% !important;
}

.hei560 {
  height: 480px !important;
}

.hei480 {
  height: 480px !important;
}

.hei360 {
  height: 360px !important;
}

.hei240 {
  height: 240px !important;
}

.hei180 {
  height: 180px !important;
}

.hei150 {
  height: 150px !important;
}

.hei120 {
  height: 120px !important;
}

.hei90 {
  height: 90px !important;
}

.hei60 {
  height: 60px !important;
}

.hei30 {
  height: 30px !important;
}

/* ==============内外边距=============== */
.ml8 {
  margin-left: 8px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

/* ==============盒子模型================ */
.flex {
  display: flex;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.inl-blo {
  display: inline-block;
}

.ovh {
  overflow: hidden;
}

/* ==============颜色类================ */
.color1 {
  color: #125412;
}

.bgc1 {
  background-color: #125412;
}

/* ==============字体类================ */
.font10 {
  font-size: 10px !important;
}

.font12 {
  font-size: 12px !important;
}

.font16 {
  font-size: 16px !important;
}

.font18 {
  font-size: 18px !important;
}

.font20 {
  font-size: 20px !important;
}

.font24 {
  font-size: 24px !important;
}